﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteIntranet.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    BuscarUsuario
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2>Búsqueda Usuario</h2>
    <br />
    <br />

    <link href="<%: Url.Content("~/Content/jquery-ui.css") %>" rel="stylesheet" type="text/css" />   
    <link href="<%: Url.Content("~/Content/jPages.css") %>" rel="stylesheet" type="text/css" /> 
    <script src="<%: Url.Content("~/Scripts/jPages.js") %>" type="text/javascript"></script>
    <script src="<%: Url.Content("~/Scripts/Validaciones.js") %>" type="text/javascript"></script>
    <script src="<%: Url.Content("~/Scripts/Usuario.js") %>" type="text/javascript"></script>
    <script  src="<%: Url.Content("~/Scripts/LoginIntranet.js") %>" type="text/javascript"></script>
    <script>

        function PagoOnChange(sel) {
            if (sel.value == "12") {
                $("#Habitante").show();
                $("#Edificio").show();
                $("#Personal").hide();
            }
            if (sel.value == "1") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#Edificio").hide();
            }
            if (sel.value == "2") {

                $("#Habitante").hide();
                $("#Personal").show();
                $("#Edificio").hide();
            }
            if (sel.value == "3") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#Edificio").hide();
            }
            if (sel.value == "4") {

                $("#Habitante").hide();
                $("#Personal").show();
                $("#Edificio").hide();
            }
            if (sel.value == "5") {

                $("#Habitante").hide();
                $("#Edificio").show();
                $("#Personal").show();
            }
            if (sel.value == "6") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#Edificio").hide();
            }
            if (sel.value == "7") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#Edificio").hide();
            }
            if (sel.value == "8") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#Edificio").hide();
            }
            if (sel.value == "9") {

                $("#Habitante").hide();
                $("#Personal").show();
                $("#Edificio").hide();
            }
            if (sel.value == "10") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#Edificio").hide();
            }
            if (sel.value == "11") {

                $("#Habitante").hide();
                $("#Personal").hide();
                $("#Edificio").hide();
            }

        }

        function SoloPropietario(sel) {
            if (sel.value == "2") {
                $("#Propietario").show();
            }
            else {
                $("#Propietario").hide();

            }
        }

    </script>
<div id="Buscar">

                       
                               <label for="BscLblNroDocumentoPersona">Num. Doc.:</label>
                               <input type="text" name="BscTbxNroDocumentoPersona" id="BscTbxNroDocumentoPersona"  maxlength="10" onkeypress="return permite(event, 'num')" class="text ui-widget-content ui-corner-all"/><br></br>
                       
                               <label for="BscLblNombre">Nombres:</label>
                               <input type="text" name="BscTbxNombre" id="BscTbxNombre"  maxlength="30" onkeypress="return permite(event, 'car')" class="text ui-widget-content ui-corner-all"/><br></br>
                               
                               <label for="BscLblApellidos">Apellidos:</label>
                               <input type="text" name="BscTbxApellidos" id="BscTbxApellidos" size="20"  maxlength="30" onkeypress="return permite(event, 'car')" class="text ui-widget-content ui-corner-all"/><br></br>

                               <label for="BscLblIdCargo">Cargo: </label>
                                <select id="BscSctIdCargo" class="text ui-widget-content ui-corner-all"></select>
                                <br></br>
                               
                               <input type="submit" id = "BscBtnBuscar" value="Buscar" class="submit-button" />
                               <input type="submit" id = "BscBtnLimpiar" value="Limpiar" class="submit-button" onclick="refrescarUsuario()"/>
                               <input type="submit" id = "BscBtnCancelar" value="Cancelar" class="submit-button" /><br></br>
                       

</div>

<div id = "tablaDinamica">
          
</div>
<!--<div id = "tablaDinamica">!-->

<div id="Registrar"></div>

<div id="dialog-form" title="Buscar Usuario">
    <p class="validateTips">Por favor ingrese los campos que usted cree necesarios.</p>
 
    <fieldset>
        <label>Nombre: </label>
        <input type="text" name="BvmTbxNombre" id="BvmTbxNombre" maxlength="30" onkeypress="return permite(event, 'car')" class="text ui-widget-content ui-corner-all" /><br></br>
        <label>Apellidos: </label> 
        <input type="text" name="BvmTbxApellidos" id="BvmTbxApellidos" maxlength="50" onkeypress="return permite(event, 'car')" value="" class="text ui-widget-content ui-corner-all" /><br></br>
        <label>Genero:</label>
        <input name="BvmRbnGenero" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">F</label>
        <input name="BvmRbnGenero" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">M</label><br></br>
        <label>Tipo Doc.:</label>
       <select id="BvmSctTipoDocumento" class="text ui-widget-content ui-corner-all"></select><br></br>
        <label>Nro Doc.: </label>
        <input type="text" name="BvmTbxNroDocumento" id="BvmTbxNroDocumento" maxlength="10" onkeypress="return permite(event, 'num')" class="text ui-widget-content ui-corner-all" /><br></br>
        <label>Telefono: </label> 
        <input type="text" name="BvmTbxTelefono" id="BvmTbxTelefono" value="" maxlength="10" onkeypress="return permite(event, 'num')" class="text ui-widget-content ui-corner-all" /><br></br>
        <label>Celular: </label> 
        <input type="text" name="BvmTbxCelular" id="BvmTbxCelular" value="" maxlength="9" onkeypress="return permite(event, 'num')" class="text ui-widget-content ui-corner-all" /><br></br>
        <label>Correo:</label>
        <input type="text" name="BvmTbxCorreo" id="BvmTbxCorreo" class="text ui-widget-content ui-corner-all" /><br></br>
        
        <label>Departamento:</label>
        <select id="BvmSctDepartamento" onchange="cargarProvinciasModificar()" class="text ui-widget-content ui-corner-all"></select><br></br>

        <label>Provincia:</label>
        <select id="BvmSctProvincia" onchange="cargarDistritosModificar()" class="text ui-widget-content ui-corner-all"></select><br></br>

        <label>Distrito:</label>
        <select id="BvmSctDistrito" class="text ui-widget-content ui-corner-all"></select><br></br>

        
        <label>Direccion: </label>
        <input type="text" name="BvmTbxDireccion" id="BvmTbxDireccion" onkeypress="return permite(event, 'car')" class="text ui-widget-content ui-corner-all" /><br></br>

    <label>Cargo:</label>
    <select id="BvmSctIdCargo" class="text ui-widget-content ui-corner-all" onchange="PagoOnChange(this)"></select>
    <br></br>

    <div id="Edificio" style="display:none;">
    <label>Edificio: </label>
    <select id="BvmSctIdEdificio" onchange="cargarDptoM()" class="text ui-widget-content ui-corner-all"></select>
    <br></br>
    </div>

    <!--campos para Habitante !-->
    <div id="Habitante" style="display:none;">
    <label>Dpto: </label>
    <select id="BvmSctIdDpto" class="text ui-widget-content ui-corner-all"></select>
    <br></br>

    <label>Inquilino:</label>
    <input name="BvmRbnInquilino" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all" onchange="SoloPropietario(this)"/><label style="width:10px; text-align:left;">Si</label>
    <input name="BvmRbnInquilino" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all" onchange="SoloPropietario(this)"/><label style="width:10px; text-align:left; ">No</label>
      <br></br>

    <label>Conyuge:</label>
    <input type="text" name="BvmTbxConyugeUsuario" id="BvmTbxConyugeUsuario" size="20"   onkeypress="return permite(event, 'car')" class="text ui-widget-content ui-corner-all"/>
    <br></br>

    <label>Tipo Doc.:</label>
    <select id="BvmSctTipoDocumentoConyuge" class="text ui-widget-content ui-corner-all"></select><br></br>

    <label>Dni Conyuge:</label>
    <input type="text" name="BvmTbxDniConyuge" id="BvmTbxDniConyuge" size="20"   maxlength="8" onkeypress="return permite(event, 'num')"  class="text ui-widget-content ui-corner-all"/>
    <br></br>

    <label>Mascota: </label>
    <input name="BvmRbnMascota" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left;">Si</label>
    <input name="BvmRbnMascota" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left; ">No</label>
    <br></br>

    </div>

    <div id="Propietario" style="display:none;">
    <label>Formato: (*) </label>
    <input name="BvmRbnFormato" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left;">Digital</label>
    <input name="BvmRbnFormato" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left; ">Fisico</label>
     <br></br>
    </div>


    <!--campos para Personal !-->
     <div id="Personal" style="display:none;">
    <label>Sueldo:</label>
    <input type="text" name="BvmTbxSueldo" id="BvmTbxSueldo" size="20" class="text ui-widget-content ui-corner-all"/>
      <br></br>

    <label>Seguro:</label>
    <select id="BvmSctSeguro" class="text ui-widget-content ui-corner-all" ></select>
    <br></br>
    </div>

    <input type="text" style="display:none" id="BvmTbxIdPersona" class="text ui-widget-content ui-corner-all" /><br></br>

    </fieldset>

</div>

<div class="holder" id="holder"></div>            

<div id= "BotonesSeleccion">
    <div id="Modificar">
    <input type="submit" id = "BscBtnModificar" value="Modificar" class="submit-button" />
    </div>

<div id="Eliminar">
    <input type="submit" id = "BscBtnEliminar" value="Eliminar" class="submit-button" /><br></br>
    </div>
</div>
</asp:Content>